<template>
	<view>
		<view class="flex-column" style="width: 100vw; height: 100vh;">
			<view class="" style="flex-grow: 1;">

				<image style="width: 40px; height: 40px;" :style='{marginLeft:(menuButtonInfo.left-10)+"px"}'
					src="../../static/youShangjiao.png" mode=""></image>
				<view class="" style="font-size: 20px; color: white; margin-left: 20px;">
					第一步：现在点击右上角
				</view>
			</view>
			<view class="">
				<view class="" style="font-size: 20px; color: white; margin-left: 20px;">
					第二步：点击分享至朋友圈
				</view>
				<image class="bottomImage" src="../../static/fenxiangDiBu.jpg" mode="aspectFit"></image>

				<view class="column-levelCenter" style="margin-top: 15px;">
					<view @click="clickCancelSharing()" class="backBtn mainBgColor zsConter">
						取消分享
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "share-moments-view",		props:{			menuButtonInfo: {}		},
		data() {
			return {
				
			};
		},				methods:{			clickCancelSharing(){				this.$emit('closeClick',{});			}		}
	}
</script>

<style lang="scss" scoped>
	.backBtn {
		margin-bottom: 15px;
		width: 50%;
		color: white;
		font-size: 36rpx;
		height: 100rpx;
		border-radius: 50rpx;
		box-shadow: 0rpx 0rpx 20rpx rgb(52, 116, 246);

	}

	.bottomImage {
		width: 100%;
		height: 150px;
		border-radius: 8px;
	}
</style>